<ui:composition template="template.xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:richext="http:///richfaces-ext-core"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	
    <ui:define name="body">
    	<h3><span>elapsedTimePhraser </span>Elapsed time in a written fashion</h3>
	    <f:view>
			<h:form name="form1">
				<h:outputText value="Current Date: " />
				<h:outputText value="#{elapsedTimeController.currentDate}">
					<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" />
				</h:outputText>
				<br/><br/>
				<h:panelGrid columns="3" style="font-size:14px">
					<h:outputText value="#{elapsedTimeController.date1}">
						<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" />
					</h:outputText>
					<h:outputText value=" which is " />
					<richext:elapsedTimePhraser value="#{elapsedTimeController.date1}" />
				</h:panelGrid>	
				<h:panelGrid columns="3" style="font-size:14px">
					<h:outputText value="#{elapsedTimeController.date2}">
						<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" />
					</h:outputText>
					<h:outputText value=" which is " />
					<richext:elapsedTimePhraser value="#{elapsedTimeController.date2}" />
				</h:panelGrid>	
				<h:panelGrid columns="3" style="font-size:14px">
					<h:outputText value="#{elapsedTimeController.date3}">
						<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss" />
					</h:outputText>
					<h:outputText value=" which is " />
					<richext:elapsedTimePhraser value="#{elapsedTimeController.date3}" />
				</h:panelGrid>	
			</h:form>
	    </f:view>
      	<p class="more"><a href="#{request.requestURI}.source">SOURCE</a></p>
    </ui:define>
</ui:composition>